{% extends 'base.html' %}
<meta naem="viewport" content="width=device-width, initial-scale=1.0">
{% block body %}

<link rel="stylesheet" href="static/home.css" />
<script src="https://kit.fontawesome.com/b99e675b6e.js"></script>

<div class="wrapper01">
    <div class="sidebar">
        <h2>沐云</h2>
        <ul>
            <li><a href="{{ url_for('cool_form') }}" rel="external nofollow"><i class="fas fa-home" ></i>当前天气</a></li>
            <li><a href="{{ url_for('forecast_home') }}" rel="external nofollow"><i class="fas fa-user"></i>天气预报</a></li>
            <li><a href="{{ url_for('poi_search') }}" rel="external nofollow"><i class="fas fa-address-card"></i>附近搜索</a></li>
            <li><a href="{{ url_for('view_the_log') }}" rel="external nofollow"><i class="fas fa-project-diagram"></i>日志系统</a></li>
            <li><a href="#"><i class="fas fa-blog"></i>Blogs</a></li>
            <li><a href="#"><i class="fas fa-address-book"></i>Contact</a></li>
            <li><a href="#"><i class="fas fa-map-pin"></i>Map</a></li>
        </ul>
        <div class="social_media">
          <a href="#"><i class="fab fa-facebook-f"></i></a>
          <a href="#"><i class="fab fa-twitter"></i></a>
          <a href="#"><i class="fab fa-instagram"></i></a>
      </div>
    </div>
    <div class="main_content">
        <div class="header">
            <link rel="stylesheet" href="static/button.css">
            <a href="{{ url_for('shanghai_forecast') }}" rel="external nofollow"><button  class="button" >上海</button></a>
            <a href="{{ url_for('forecast') }}" rel="external nofollow"><button class="button" >北京</button></a>
            <a href="{{ url_for('anhui_forecast') }}" rel="external nofollow"><button  class="button">安徽</button></a>
            <a href="{{ url_for('guangdong_forecast') }}" rel="external nofollow"><button  class="button" >广东</button></a>
        </div>
        <div class="body">
            <link rel="stylesheet" href="static/forecast.css" />
           <h1 class="title">城市天气预报</h1>
{#            <h2>点击上方城市，查询相应城市天气预报</h2>#}
<div class="icon sun-shower">
  <div class="cloud"></div>
  <div class="sun">
    <div class="rays"></div>
  </div>
  <div class="rain"></div>
</div>

<div class="icon thunder-storm">
  <div class="cloud"></div>
  <div class="lightning">
    <div class="bolt"></div>
    <div class="bolt"></div>
  </div>
</div>

<div class="icon cloudy">
  <div class="cloud"></div>
  <div class="cloud"></div>
</div>

<div class="icon flurries">
  <div class="cloud"></div>
  <div class="snow">
    <div class="flake"></div>
    <div class="flake"></div>
  </div>
</div>

<div class="icon sunny">
  <div class="sun">
    <div class="rays"></div>
  </div>
</div>

<div class="icon rainy">
  <div class="cloud"></div>
  <div class="rain"></div>
</div>

    </div>
    </div>
</div>
{% endblock %}